﻿<%@ Page Title = "Menu Quick Wok" Language="C#" AutoEventWireup="true"  MasterPageFile="~/Site.master" CodeBehind="Menu.aspx.cs" Inherits="OnlineOrderSystem.Menu" %>


<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script type=text/javascript>
        function selectTag(showContent, selfObj) {
            var tag = document.getElementById("tags").getElementsByTagName("li");
            var taglength = tag.length;
            for (i = 0; i < taglength; i++) {
                tag[i].className = "";
            }
            selfObj.parentNode.className = "selectTag";
            for (i = 0; j = document.getElementById("tagContent" + i); i++) {
                j.style.display = "none";
            }
            document.getElementById(showContent).style.display = "block";


        }  
    </script> 

    <style type=text/css>  
      ol li { MARGIN: 8px}  
      #con { FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 900px}  
      #tags { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 850px; PADDING-TOP: 0px; HEIGHT: 23px}
      #tags li {BACKGROUND: url(images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; liST-STYLE-TYPE: none; HEIGHT: 23px}  
      #tags li a {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(images/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; ColOR: #999; liNE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION:none}  
      #tags li.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}  
      #tags li.selectTag {BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 25px}  
      #tags li.selectTag a {BACKGROUND-POSITION: right top; ColOR: #000; liNE-HEIGHT: 25px; HEIGHT: 25px}  
      #tagContent { PADDING-RIGHT: 1px; BORDER: #aecbd4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px;  PADDING-TOP: 1px;  BACKGROUND-ColOR: #fff}  
      .tagContent {PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; BACKGROUND: url(images/bg.gif) repeat-x;PADDING-BOTTOM: 10px; WIDTH: 900px; ColOR: #474747; PADDING-TOP: 10px;}  
      .tagContent table{width:885px;}
      .tagContent table tr{width:800px;}
      .priceCol {float:right;}
      #tagContent div.selectTag {DISPLAY: block}  
    </style>  
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

        <div id="templatemo_menu">
            <ul>
        	    <li><a href="Default.aspx" ><b>Home</b></a></li>
                <li><a href="Location.aspx" ><b>Location</b></a></li>
                <li class="current"><a href="#"><b>Menu</b></a></li>
                <li><a href="Coupon.aspx"><b>Coupon</b></a></li>
                <li><a href="Gallery.aspx"><b>Gallery</b></a></li>
                <li><a href="ContactUs.aspx"><b>Contact Us</b></a></li>

            </ul>
        </div> <!-- end of menu -->
    
        <div id="templatemo_top_dishes">

    	<h1>Menu</h1>
      <div id="con">  
          <ul id="tags">  
            <li class=selectTag><a onMouseover="selectTag('tagContent0',this)" href="javascript:void(0)">Lunch</a> </li>  
            <li><a onMouseover="selectTag('tagContent1',this)" href="javascript:void(0)">Sushi</a> </li>  
            <li><a onMouseover="selectTag('tagContent2',this)" href="javascript:void(0)">Appetizer</a> </li>  
            <li><a onMouseover="selectTag('tagContent3',this)" href="javascript:void(0)">Side</a> </li>  
            <li><a onMouseover="selectTag('tagContent4',this)" href="javascript:void(0)">Soup</a> </li>  
            <li><a onMouseover="selectTag('tagContent5',this)" href="javascript:void(0)">Poultry</a> </li>  
            <li><a onMouseover="selectTag('tagContent6',this)" href="javascript:void(0)">Rice/Noodle</a> </li>  
            <li><a onMouseover="selectTag('tagContent7',this)" href="javascript:void(0)">Beef/Pork</a> </li>  
            <li><a onMouseover="selectTag('tagContent8',this)" href="javascript:void(0)">Seafood</a> </li>   
            <li><a onMouseover="selectTag('tagContent9',this)" href="javascript:void(0)">Kids/Vege</a> </li> 
            <li><a onMouseover="selectTag('tagContent10',this)" href="javascript:void(0)">Bev/Desert</a> </li> 
          </ul>  
        <div id="tagContent"> 
        <div class="tagContent selectTag" id="tagContent0">
          <table >
            <tr>
              <td>
                Smoked Salmon
              </td>
              <td class="priceCol">
                8.95
              </td>
            </tr>
            <tr>
              <td>
                California Roll
              </td>
              <td class="priceCol">
                6.95
              </td>
            </tr>
            <tr>
              <td>
                Dragon Roll
              </td>
              <td class="priceCol">
                9.95
              </td>
            </tr>
            <tr>
              <td>
                Ebl
              </td>
              <td class="priceCol">
                9.95
              </td>
            </tr>
            <tr>
              <td>
                Spicy Luna Roll
              </td>
              <td class="priceCol">
                8.95
              </td>
            </tr>
            <tr>
              <td>
                Spicy Salmon Roll
              </td>
              <td class="priceCol">
                8.95
              </td>
            </tr>
            <tr>
              <td>
                Cajun Roll
              </td>
              <td class="priceCol">
                9.95
              </td>
            </tr>
            <tr>
              <td>
                Philadelphia Roll
              </td>
              <td class="priceCol">
                8.95
              </td>
            </tr>
            <tr>
              <td>
                Spicy/Frid Tempura Roll
              </td>
              <td class="priceCol">
                9.95
              </td>
            </tr>
            <tr>
              <td>
                Unagi
              </td>
              <td class="priceCol">
                9.95
              </td>
            </tr>
            <tr>
              <td>
                Spicy Crab Roll
              </td>
              <td class="priceCol">
                6.95
              </td>
            </tr>
            <tr>
              <td>
                Enarl
              </td>
              <td class="priceCol">
                8.95
              </td>
            </tr>
            <tr>
              <td>
                Avocado Roll
              </td>
              <td class="priceCol">
                6.95
              </td>
            </tr>
            <tr>
              <td>
                Caterpillar Roll
              </td>
              <td class="priceCol">
                8.95
              </td>
            </tr>
            <tr>
              <td>
                Kanl
              </td>
              <td class="priceCol">
                8.95
              </td>
            </tr>
          </table>
        </div>   
        <div class="tagContent" id="tagContent1">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td class="priceCol">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td class="priceCol">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td class="priceCol">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td class="priceCol">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        <div class="tagContent" id="tagContent2">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td align="right">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        <div class="tagContent" id="tagContent3">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td align="right">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        <div class="tagContent" id="tagContent4">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td align="right">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        <div class="tagContent" id="tagContent5">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td align="right">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        <div class="tagContent" id="tagContent6">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td align="right">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        <div class="tagContent" id="tagContent7">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td align="right">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        <div class="tagContent" id="tagContent8">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td align="right">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        <div class="tagContent" id="tagContent9">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td align="right">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        <div class="tagContent" id="tagContent10">
          <table >
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td align="right">
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
            <tr>
              <td>
                first dish
              </td>
              <td>
                price
              </td>
            </tr>
          </table>
        </div>  
        </div>  
    </div> 
        
        <div class="cleaner">&nbsp;</div>
    
    </div> <!-- end of top dishes -->
    
        <div class="cleaner">&nbsp;</div>

</asp:Content>
